html { overflow-y: scroll; }
body 
{
   margin:10px 0 0 0;
   padding:0;
   background-image: url(../images/xmas2010/bg.jpg);   
   background-repeat:no-repeat;
   height:641px;
   position:relative;
   z-index:0;
}

img { display: block; }
a, textarea:focus { outline: none; }

    .lg { margin:10px 0 0 10px;}
    .as { position:absolute; z-index:3;}
    .ps { background-image:url(../images/xmas2010/ps.png); background-repeat:no-repeat; overflow: hidden; text-indent:-1000px; display: block;}
    
/* step 1 */
.step1 img { left: 160px; top: 209px;}
    .nameSt1 {  background-position: 0 0; height: 36px; left: 415px; top: 167px; width: 147px; }
        .step1 textarea {background-color: transparent; border: medium none; height: 119px; left: 153px; top: 282px; width: 379px; background-image:url(../images/xmas2010/textarea.png); font-family:Courier New; font-size:14px; font-weight: bold; color:White; line-height:31px; overflow: hidden; }
            .btn_next  
            {
                -moz-border-radius: 15px;
                -webkit-border-radius: 15px;
                background-color: #003F6A;
                color: #FFFFFF;
                font-family: Courier New;
                font-size: 14px;
                font-weight: bold;
                left: 431px;
                padding: 9px 35px;
                text-transform: uppercase;
                top: 433px;
                cursor: pointer;
                }
                
/* step 2 */                
.step2 img { left: 160px; top: 202px;}
    .nameSt2 {  background-position: 0 -52px; height: 36px; left: 415px; top: 167px; width: 147px; }
        .send { left: 143px; top: 277px; }
            .send div { float:left; }
                .send label { font-family:Arial; color:#B8E5FF; font-size:11px; font-weight: bold; display: block; padding-bottom:3px; }
                    .send input[type="text"] { background-color:#B8E5FF; border: none; line-height:25px; font-family:Arial; font-size:13px; color:#3c3c3c; margin-bottom:5px; display: block; height:25px; }
                        .al input[type="text"] { width:151px; margin-right:15px; }
                            .ar input[type="text"]{ width:222px; }
                            
.send_finish { width:370px; color:#B8E5FF; font-family:Arial; left: 144px; top: 278px; }                            
    .send_finish_bo { background-color:#016FA9; border:1px solid #fff; line-height:42px; text-align:center; margin-bottom:15px; font-size:12px; }
        .send_finish_bo a { font-weight: bold; color:#B8E5FF; text-decoration: none; }
            .send_finish label { font-size:11px; display: block; margin-bottom:5px; }
                .send_finish input[type="text"]{ background-color:#B8E5FF; border: none; height:26px; line-height:25px; width:354px; font-family:Arial; font-size:12px; padding:0 8px; }    
                    .shareMini label{ font-weight: bold; color:#fff; float:left; padding-right: 8px; padding-top: 3px;}
                        .twittermini, .facebookmini{ width:25px; height:26px; float: left; }
                            .twittermini { background-position:-78px -159px; }
                                .facebookmini{ background-position:-102px -160px; }
                    .shareMini { float:right; margin-top:8px; }
                    
/* finish and view card */

.finish_view img {left: 160px; top: 199px;}    
    .info { left: 313px; text-align: right; top: 260px; }
    .info, .finish_view a { font-family:Arial; font-size:12px; color:white; line-height:15px; }        
        .finish_view a { font-weight: bold; }
        
    .finish_view p  
    {
        background-image: url("../images/xmas2010/textarea.png");
        height: 93px;
        left: 160px;
        margin: 0;
        padding: 0;
        top: 309px;
        width: 379px; 
        font-family:Courier New; 
        font-size:14px; 
        font-weight: bold; 
        color:White; 
        line-height:31px; 
        overflow:hidden;
    }


/* vide0*/
.video { left: 618px; top: 146px; }
    .v_main { width:332px; height:288px; background-color:#002842; color:White; font-family:Courier New; font-size:14px; text-align:center; vertical-align:middle; font-weight: bold; line-height:35px; position: relative; z-index:5;}
        .v_main .ps { width:50px; height:54px; background-position:-17px -154px; display: inline-block;}
            .text { left: 22%; top: 22%;}
    .lrtext { color:#5E5E5E; font-family:Arial; font-size:11px; padding-top:12px;  }
        .lrtext a { color:#5E5E5E; }
            .ytLink { color: #B8E5FF; font-family: Arial; font-size: 11px; left: 127px; top: 349px; white-space: nowrap; text-decoration: none; font-weight: bold; }
    .ulImg, .useYtLink { font-family:Arial; font-size:11px;  color:#fff; font-weight: bold;   padding: 10px 20px; line-height:16px; float:left; cursor: pointer; }
        .ulImg { background-color: #005288;}
        .useYtLink { background-color:#0063A5; padding-right:22px; }
/* nav */
.nav { background-color:#035389; border-top-right-radius:15px; -moz-border-radius-topright:15px; border-bottom-right-radius:15px; -moz-border-radius-bottomright:15px; float:left; padding:10px 20px; top: 535px; line-height:25px; }
    .nav a{ color:White; font-family:Courier New; font-size:15px; text-decoration: none; font-weight: bold; float: left;  }
        .nav span { background-position: -1px -100px; display: block;float: left; height: 25px; margin: 0 15px; overflow: hidden; width: 5px; }

/*footer*/

.footer { bottom:25px; font-size:9px; font-family:Arial; color:white; left:20px; line-height:15px; }
    .twitter, .facebook { width:40px; height:44px; float:left; }        
        .share { bottom: 48px; left: 783px; }
            .twitter { background-position:-16px -97px; }
                .facebook { background-position:-57px -98px; }
                    .share label { font-family:Arial; font-size:15px; font-weight: bold; float: left; color:#fff; padding-top:10px; padding-right:5px;  }
            .register { color: White; font-family: Arial; font-size: 11px; left: 308px; text-align: right; top: 476px; }
                .register a { color:White;}

/*--------------------- uploader -----------------*/
.input-file{ width:360px; position:relative; overflow:hidden; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; color: #555555; line-height: 155%; margin-left: 0px; padding-bottom:5px; }
			.input-file .req{ padding-bottom:4px; display:block; }
			.input-file label:hover{ color:#808080; cursor:pointer; font-size: 12px; font-weight: normal; }
			.input-file label span{ display:none; width: 68px; }
			.input-file label input{ display:block; width:300px; }
			.input-file label{ float:right; white-space:nowrap; position:relative; z-index:1; left:0; top:0; overflow:hidden; font-weight:normal; display:inline;background-color: #FFFFFF; background-image: url(../images/igoal_file.png); background-repeat: repeat-x; background-position: 0 0px; padding-top: 0.25em; padding-right: 12px; padding-bottom: 0.34em; padding-left: 12px; font-size: 12px; border-right-width: 1px; border-right-style: solid; border-right-color: #888888; color: #000000; }
			.input-file-no-path label{ float:left; }
			.input-file label span{ display:inline; }
			.input-file label input{ width:auto; position:absolute; right:0; top:0; border:none; font-size:11px; line-height:12px; opacity:0; zoom:1; filter:alpha(opacity=0); cursor:pointer; font-weight: normal; color: #808080; }
			.input-file var{ display:none; position:relative; overflow:hidden; border:solid 1px #ccc; border-color:#888 #ccc #ccc #888; zoom:1; _right:-3px;  padding-top: 0em; padding-right: 0.6em; padding-bottom: 0.2em; padding-left: 0.6em; height:20px}
			.input-file var{ display:block; }
			.input-file var input{ display:block; width:100%; position:absolute; padding:0; border:1px none #b1b1b0; font-size:11px; color:#808080; top:0; left:0; padding:0em 0.6em 0.2em 0.6em; height:20px; font-family: Tahoma, Arial, Verdana, sans-serif; font-weight: normal; background-color: #FFFFFF; z-index:4}
			.input-file var input:focus{ outline:none; }
			
.uploadAvatarPopup{width:465px;height:195px;}
		.uploadAvatarIcon{background-position:-68px -290px;width:29px;height:25px;float:left}
		.avatarEditor h1, .uploadAvatarPopup h1{color:#333;font-size:16px;font-weight:bold;margin-left:5px;margin-top:4px;float:left}
		.uploaderBox{float:left}
		.uploaderBox p{padding:5px 0px;line-height:140%;color:#333;font-size:12px;width:371px}
		.uploaderBox p.termUploader{font-size:11px;color:#999}
		.uploaderBox .termUploader a{color:#39F}
		.btnUploadAvatar{background-position:-64px -327px;float:left;color:#FFF;text-align:center;font-size:13px;font-weight:bold;width:98px;height:22px;padding-top:6px}
		a.btnUploadAvatar:hover{background-position:-172px -327px}            